#containerMap1{

  #container {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin:0;
    z-index: 10;
  }

  #buttonDiv{
    z-index: 100;
    position: absolute;
    left: 1px;
    top: 0px;
    bottom: 10px;
    width: 23%;
    background: rgba(255, 255, 255, 0);
  }
  #diDiv{
    z-index: 100;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 100%;
    background: #f0f0f0;

    #headDiv{
      height: 40px;
      z-index: 100;
      position: absolute;
      left: 1%;
      right: 2%;
      top: 10px;
      bottom: 0px;
      width: 98%;
      background: #ffffff;

    }
    #BigDiv{
      height: 330px;
      position: absolute;
      left: 1%;
      right: 2%;
      top: 505px;
      bottom: 0px;
      width: 98%;
      background: #f0f0f0;

      #Big1Div{
        height: 100%;
        width: 49%;
        position: absolute;
        background: #ffffff;
      }
      #Big2Div{
        height: 100%;
        left: 50%;
        width: 50%;
        position: absolute;
        background: #ffffff;
      }
    }
    #zhongDiv{
      top: 65px;
      width: 100%;
      position: absolute;
      #leftDiv {
        z-index: 100;
        position: absolute;
        left: 1%;
        top: 10px;
        bottom: 10px;
        width: 31.5%;

        background: #f0f0f0;

        #leftTop {
          height: 242px;
          //background-color: #4e5a6e;
          background: #ffffff;
          .ivu-card-head {
            padding: 10px 0px 0px 14px !important;
          }

          .bSpan{
            font-size: 15px !important;
          }

          .cardTitle {
            font-size: 18px !important;
            line-height: 20px !important;
            height: auto !important;
          }
        }
        #left0Top{
          height: 3px;
          background: #f0f0f0;
        }
        #left2Top {
          height: 242px;
          overflow: auto;
          //background-color: #4e5a6e;
          background: #ffffff;
          .ivu-card-head {
            padding: 10px 0px 0px 14px !important;
          }
          .cardTitle2 {
            font-size: 18px !important;
            line-height: 20px !important;
            height: auto !important;
          }

        }
        #left00Top{
          height: 3px;
          background: #f0f0f0;
        }
        //#left3Top {
        //  height: 242px;
        //  overflow: auto;
        //  //background-color: #4e5a6e;
        //  background: #ffffff;
        //  .ivu-card-head {
        //    padding: 10px 0px 0px 14px !important;
        //  }
        //  .cardTitle2 {
        //    font-size: 18px !important;
        //    line-height: 20px !important;
        //    height: auto !important;
        //  }
        //}
        //#left000Top{
        //  height: 3px;
        //  background: #f0f0f0;
        //}
        //#left4Top {
        //  height: 242px;
        //  overflow: auto;
        //  //background-color: #4e5a6e;
        //  background: #ffffff;
        //  .ivu-card-head {
        //    padding: 10px 0px 0px 14px !important;
        //  }
        //  .cardTitle2 {
        //    font-size: 18px !important;
        //    line-height: 20px !important;
        //    height: auto !important;
        //  }
        //}
      }
      //中间
      #center {
        z-index: 100;
        position: absolute;
        left: 33.5%;
        top: 10px;
        width: 32.5%;
        background: rgba(255, 255, 255, 0);

        #center1Top{
          height: 242px;
          background: #ffffff;

          .ivu-card-head {
            padding: 10px 0px 0px 14px !important;
          }
          .cardTitle {
            font-size: 18px !important;
            line-height: 20px !important;
            height: auto !important;
          }
        }
        #center0Top{
          height: 3px;
          background: #f0f0f0;
        }

        #center2Top{
          height: 242px;
          overflow: auto;
          //background-color: #4e5a6e;
          background: #ffffff;
          .ivu-card-head {
            padding: 10px 0px 0px 14px !important;
          }
          .cardTitle2 {
            font-size: 18px !important;
            line-height: 20px !important;
            height: auto !important;
          }

        }
        //#center000Top{
        //  height: 3px;
        //  background: #f0f0f0;
        //}
        //#center3Top{
        //  height: 242px;
        //  background: #ffffff;
        //
        //  .ivu-card-head {
        //    padding: 10px 0px 0px 14px !important;
        //  }
        //  .cardTitle {
        //    font-size: 18px !important;
        //    line-height: 20px !important;
        //    height: auto !important;
        //  }
        //}
      }
      //右列
      #rightDiv {
        z-index: 100;
        position: absolute;
        right: 1%;
        top: 10px;
        width: 32%;
        background: #f0f0f0;

        #rightTop {
          height: 242px;
          //background-color: #4e5a6e;
          background: #ffffff;
          .ivu-card-head {
            padding: 10px 0px 0px 14px !important;
          }

          .bSpan{
            font-size: 15px !important;
          }

          .cardTitle {
            font-size: 18px !important;
            line-height: 20px !important;
            height: auto !important;
            color: #00a0e9;
          }
        }
        #right0Top{
          height: 3px;
          background: #f0f0f0;

        }
        #right2Top {
          height: 242px;
          overflow: auto;
          //background-color: #4e5a6e;
          background: #ffffff;
          .ivu-card-head {
            padding: 10px 0px 0px 14px !important;
          }
          .cardTitle2 {
            font-size: 18px !important;
            line-height: 20px !important;
            height: auto !important;
          }
        }
        //#right00Top{
        //  height: 3px;
        //  background: #f0f0f0;
        //}
        //#right3Top {
        //  height: 242px;
        //  overflow: auto;
        //  //background-color: #4e5a6e;
        //  background: #ffffff;
        //  .ivu-card-head {
        //    padding: 10px 0px 0px 14px !important;
        //  }
        //
        //  .cardTitle3{
        //    font-size: 18px !important;
        //    line-height: 20px !important;
        //    height: auto !important;
        //  }
        //  #charts{
        //    width:80%;
        //    height:50%;
        //  }
        //}
      }
    }

  }



  .cardTitle2 {
    font-size: 18px !important;
    line-height: 20px !important;
    height: auto !important;
  }

  .divcss5{
    width: 100%;
    height: 30%;
    background:#E1E1E1; color:#020202;
    text-align:center
  }

  .p1{

  }

  .cardTitle1 {
    font-size: 20px !important;
    line-height: 20px !important;
    height: auto !important;
    color: #00a0e9;
  }

  .divcss6{
    width: 260px;
    height: 125px;
    text-align:center
  }

  .divcss7{
    width: 260px;
    height: 30px;
    text-align:center
  }

  .divcss8{
    width: 83px;
    height: 30px;
  }

  .table{
    width: 70px;
    height: 20px;
    overflow: hidden;
  }

  .table1{
    width: 10px;
    height: 20px;
    overflow: hidden;
  }

  .table2{
    width: 90px;
    height: 20px;
    overflow: hidden;
  }

  .table3{
    width: 30px;
    height: 20px;
    overflow: hidden;
  }

  .amap-logo{
    display: none !important;
  }
  .amap-copyright{
    display: none !important;
  }

  #containerTree::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }

  #containerTree::-webkit-scrollbar-thumb {
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 2px #d1d1d1;
    background: #e4e4e4;
  }

  .content-window-card {
    position: relative;
    box-shadow: none;
    bottom: 0;
    left: 0;
    width: auto;
    padding: 0;
  }

  .content-window-card p {
    height: 2rem;
  }

  .custom-info {
    border: solid 1px silver;
  }

  div.info-top {
    position: relative;
    background: none repeat scroll 0 0 #F9F9F9;
    border-bottom: 1px solid #CCC;
    border-radius: 5px 5px 0 0;
  }

  div.info-top div {
    display: inline-block;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    line-height: 31px;
    padding: 0 10px;
  }

  div.info-top img {
    position: absolute;
    top: 10px;
    right: 10px;
    transition-duration: 0.25s;
  }

  div.info-top img:hover {
    box-shadow: 0px 0px 5px #000;
  }

  div.info-middle {
    font-size: 12px;
    padding: 10px 6px;
    line-height: 20px;
  }

  div.info-bottom {
    height: 0px;
    width: 100%;
    clear: both;
    text-align: center;
  }

  div.info-bottom img {
    position: relative;
    z-index: 104;
  }

  span {
    margin-left: 5px;
    font-size: 11px;
  }

  .info-middle img {
    float: left;
    margin-right: 6px;
  }
  .charts{
    height: 40%;
  }
}